<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>兑换码</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../../css/prize/prize.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.0.js" ></script>
		<script>
		window.onload=function(){
			$('.btn_img').click(function(){
				className = $(this).attr('class');
				$('#wrapper').fadeIn(300);
				$('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn();
			});
			
			$('.claseDialogBtn').click(function(){
				$('#wrapper').slideUp(600);
					$('#dialog').removeAttr('class').addClass('bounceOutUp'+className+'').fadeOut();
				});
			
		}	
		</script>
	
	</head>
	<body>
		<div id="web">
			<div class="prize-content">
				<p>请输入兑换码</p>
				<input type="text" />
				<div class="btn_img flipInX">
					<img src="../../img/prize/prize_brn.png" />
				</div>
			</div>
			<div class="home">
				<a href="../../index.html">
					<img src="../../img/index/home.png"/>
				</a>
			</div>
		</div>
		<div id="wrapper" ></div>
			<div class="animated" id="dialog">
				<div class="claseDialogBtn">
					<img src="../../img/index/close.png"/>
				</div>
				<p>兑换失败</p>
			</div>
		
		
			
		<script type="text/javascript" src="../../js/common.js" ></script>
		
	
	</body>
</html>
